var dom = document.getElementById('content-right2');
var myChart = echarts.init(dom, 'dark', {
    renderer: 'canvas',
    useDirtyRect: false
});
var app = {};

var option;

option = {
title: {
      		text: '我国海域赤潮发现次数',
      		// x: 'center',
			textStyle: {
			    fontSize:14//加
				//color:white",
			},
			left: 'left'//'left'
      	},
  legend: {
    textStyle: {
			    //fontSize:14加
			},
	x:"right"
  },
  grid: {
        left: '1%',/*3*/
        right: '3%',/*4*/
        bottom: '2%',/*3*/
        containLabel: true
      },
  tooltip: {},
  dataset: {
    dimensions: ['product', '2015', '2016', '2017'],
    source: [
      { product: '黄海', 2015: 43.3, 2016: 85.8, 2017: 93.7 },
      { product: '渤海', 2015: 83.1, 2016: 73.4, 2017: 55.1 },
      { product: '东海', 2015: 86.4, 2016: 65.2, 2017: 82.5 },
      { product: '南海', 2015: 72.4, 2016: 53.9, 2017: 39.1 }
    ]
  },
  xAxis: { type: 'category' },
  yAxis: {},
  // Declare several bar series, each will be mapped
  // to a column of dataset.source by default.
  series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
};

    if (option && typeof option === 'object') {
      myChart.setOption(option);
    }

    window.addEventListener('resize', myChart.resize);